<!DOCTYPE html>
<html style="height: 100%">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Bootstrap core CSS -->
        <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.css" rel="stylesheet">
        <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
        <!--jQuery & BootStrap-->
        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
    </head>

    <body>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="register_pig.html">Register Pig</a></li>
                <li><a href="quarantine_pig.html">Send Pig To Quarantine</a></li>
                <li><a href="transfer_pig_to_slaughter_house.html">Transfer Pig To Slaughter House</a></li>
                <li><a href="query_pig_history.html">Query Pig History</a></li>
                <li><a href="query_owner_all_pigs.html">Query Owner All Pigs</a></li>
                <li><a href="delete_pig.html">Delete Pig</a></li>
            </ul>
        </div>
        <div class="container">
            <div class="jumbotron">
                <h1>Welcome to First-Pig Project Homepage!</h1>
            </div>
        </div>
    </body>
</html>